<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成都温江区河长制信息系统主页</title>

    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../assets/jquery/jquery-3.3.1.min.js"></script>
    <script src="../assets/vue/vue.min.js"></script>
    <script src="../assets/bootstrap/js/bootstrap.min.js"></script>
</head>

<body>
    <!-- 网站头部 -->
    <div class="header clearfix">
        <div class="hearder_top">
            <div class="header_content">
                <span class="header_welcome">欢迎来到温江区河长制信息管理网站
                    <span class="glyphicon   glyphicon-arrow-right"></span>
                </span>
                <span class="header_login">
                    <span class="glyphicon glyphicon-user"></span>
                    <a href="../pages/managePages/login.html">管理员和用户登录</a>&nbsp;||&nbsp;
                    <span class="glyphicon glyphicon-user"></span>
                    <a href="../pages/phonePages/phoneLogin.html">巡查登录</a>
                </span>
            </div>
        </div>
        <div class="header_main">
            <div class="topic" id="topic">
                <h1>成都温江区河长制</h1>
                <h1 class="topic_text">信息管理系统</h1>
            </div>
            <div class="logo" id="logo">
                <img class="img" src="../images/logo.jpg" height="150px" alt="">
            </div>
        </div>
    </div>
    <!-- 网站导航 -->
    <div class="nav_box clearfix">
        <div class="nav_main">
            <ul class="nav" id="nav">
                <li class="">
                    <a class="" href="index.html?idid=0" name="aa">首页</a>
                </li>
                <li class="">
                    <a href="list.html?idid=1" name="aa">新闻中心</a>
                </li>
                <li class="">
                    <a href="list.html?idid=2" name="aa">河长名单</a>
                </li>
                <li class="">
                    <a href="list.html?idid=3" name="aa">街镇动态</a>
                </li>
                <li class="">
                    <a href="list.html?idid=4" name="aa">工作简报</a>
                </li>
                <li class="">
                    <a href="showPage.html?idid=5" name="aa">地图展示</a>
                </li>
                <li class="">
                    <a href="list.html?idid=6" name="aa">政策制度</a>
                </li>
                <li class="">
                    <a href="list.html?idid=7" name="aa">文件法规</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 网站提示信息 -->
    <div class="prompt clearfix">
        <div class="date_now" id="date_now">
            <span class="glyphicon glyphicon-asterisk"></span>
            <span>今天：{{dateNow}}&nbsp;&nbsp;&nbsp;&nbsp;{{weekNow}}</span>
        </div>
        <div class="search" id="search">
            <input type="text" v-model="baidu" placeholder="请输入关键字" required="" />
            <button type="button" class="btn btn-success" onclick="searchBaiDu(this)" title="链接到百度搜索">
                <span class="glyphicon glyphicon-search"></span>
            </button>
        </div>
    </div>
    <!-- 网站主体部分 -->
    <div class="content clearfix">
        <div class="left_section">
            <div class="news">

                <div class="news_main">
                    <div class="img_carousel" id="imgimg">
                        <ul>
                            <li>
                                <a :href="src0" :title="imgNews0" :class="show0">
                                    <img src="../images/1.jpg" width="300px" height="240px" alt="">
                                </a>
                            </li>
                            <li>
                                <a :href="src1" :title="imgNews1" :class="show1">
                                    <img src="../images/2.jpg" width="300px" height="240px" alt="">
                                </a>
                            </li>
                            <li>
                                <a :href="src2" :title="imgNews2" :class="show2">
                                    <img src="../images/3.jpg" width="300px" height="240px" alt="">
                                </a>
                            </li>
                        </ul>
                        <div class="img_btn">
                            <div class="btn-group">
                                <button type="button" :class="btn0" onclick="btnClick(0)">1</button>
                                <button type="button" :class="btn1" onclick="btnClick(1)">2</button>
                                <button type="button" :class="btn2" onclick="btnClick(2)">3</button>
                            </div>
                        </div>
                    </div>

                    <div class="news_header">
                        <div class="news_title">
                            <span class="glyphicon glyphicon-star-empty"></span>新闻中心
                        </div>
                        <div class="new_list">
                            <div class="news_list" id="news_list">
                                <ul class="new_news">
                                    <li v-for="item,index in items" v-if="index<8">
                                        <a :href="'../pages/information.html?idid=1&id='+item.id" :title="item.newsTitle">
                                            <span v-if="index<3" class="glyphicon glyphicon-flag"></span>
                                            <span v-else class="glyphicon glyphicon-chevron-right"></span>
                                            <span class="span_news">{{item.title}}</span>
                                            <span class="span_date">{{item.insertTime}}</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="bottom_left">
                    <div class="bottom_left_body">
                        <div class="policy_header">
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span>政策制度</span>
                            <a href="list.html?idid=6">
                                <span class="glyphicon glyphicon-arrow-right "></span>
                                <span class="policy_more">more</span>
                            </a>
                        </div>
                        <div class="policy_list" id="policy">
                            <ul class="policy_ul">
                                <li v-for="item,index in items" v-if="index<13">
                                    <a :href="'../pages/information.html?idid=6&id='+item.id" :title="item.title">
                                        <span v-if="index<3" class="glyphicon glyphicon-flag" id="glyphicon_change"></span>
                                        <span v-else class="glyphicon glyphicon-chevron-right" id="glyphicon_change"></span>
                                        <span class="span_policy">{{item.title}}</span>
                                        <span class="policy_date">{{item.insertTime}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="bottom_right">
                    <div class="bottom_left_body">
                        <div class="policy_header">
                            <span class="glyphicon glyphicon-star-empty"></span>
                            <span>文件法规</span>
                            <a href="list.html?idid=7">
                                <span class="glyphicon glyphicon-arrow-right "></span>
                                <span class="policy_more">more</span>
                            </a>
                        </div>
                        <div class="policy_list" id="event">
                            <ul class="policy_ul">
                                <li v-for="item,index in items" v-if="index<13">
                                    <a :href="item.url" :title="item.event">
                                        <span v-if="index<3" class="glyphicon glyphicon-flag" id="glyphicon_change"></span>
                                        <span v-else class="glyphicon glyphicon-chevron-right" id="glyphicon_change"></span>
                                        <span class="span_policy">{{item.title}}</span>
                                        <span class="policy_date">{{item.insertTime}}</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="right_section">
            <div class="river_length">
                <a href="list.html?idid=2">
                    <span class="glyphicon glyphicon-file icon_dowm"></span>
                    <span>河长名单</span>
                    <span class="glyphicon glyphicon-bookmark"></span>
                </a>
            </div>
            <div class="science">
                <a href="geographic.html" target="_blank">
                    <span class="glyphicon glyphicon-book icon_dowm"></span>
                    <span>地理简介</span>
                    <span class="glyphicon glyphicon-bookmark"></span>
                </a>
            </div>
            <div class="river_introduce">
                <a href="river_info.html" target="_blank">
                    <span class="glyphicon glyphicon-time icon_dowm"></span>
                    <span>河流简介</span>
                    <span class="glyphicon glyphicon-bookmark"></span>
                </a>
            </div>
            <div class="society">
                <a>
                    <span class="glyphicon glyphicon-envelope icon_dowm"></span>
                    <span>水系概况</span>
                    <span class="glyphicon glyphicon-bookmark"></span>
                </a>
            </div>
            <div class="society_detailed">
                <div class="detailed_list">
                    <a href="picture.html" target="_blank">
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span>温江水系概况图</span>
                    </a>
                </div>
                <div class="detailed_list">
                    <a href="picture1.html" target="_blank">
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span>温江交通概况图</span>
                    </a>
                </div>
                <div class="detailed_list">
                    <a href="picture2.html" target="_blank">
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span>温江支渠概况图</span>
                    </a>
                </div>
                <div class="detailed_list">
                    <a href="picture3.html" target="_blank">
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span>温江洼地概况图</span>
                    </a>
                </div>
                <div class="detailed_list0">
                    <a href="picture4.html" target="_blank">
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span class="glyphicon glyphicon-chevron-right" id="icon_detailed_list"></span>
                        <span>温江小微水体概况图</span>
                    </a>
                </div>
            </div>
            <div class="other">
                <a href="">
                    <span class="glyphicon glyphicon glyphicon-th icon_dowm"></span>
                    <span>其他相关</span>
                    <span class="glyphicon glyphicon-bookmark"></span>
                </a>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    <!-- 网站尾部信息 -->
    <div class="footer clearfix">
        <div class="link">
            <select class="link_box_select" id="select1" onchange="javascript:selectChange(this.id);">
                <option class="option" value="">国家级网站</option>
                <option value="http://www.npc.gov.cn/">中国人大</option>
                <option value="http://www.gov.cn/">中央人民政府门户网站</option>
                <option value="http://www.mwr.gov.cn/">中华人民共和国水利部网站</option>
                <option value="http://www.mohurd.gov.cn/">住建部</option>
                <option value="http://www.zhb.gov.cn/">环保部</option>
                <option value="http://www.cjw.com.cn/Index.html">水利部长江水利委员会</option>
            </select>
            <select class="link_box_select" id="select2" onchange="javascript:selectChange(this.id);">
                <option value="">省级相关网站</option>
                <option value="http://www.scwater.gov.cn/">四川省水利厅</option>
                <option value="http://www.schj.gov.cn/">四川省环保厅</option>
                <option value="http://www.scjst.gov.cn/main/home.html">四川省住建厅</option>
            </select>
            <select class="link_box_select" id="select3" onchange="javascript:selectChange(this.id);">
                <option value="">市级相关网站</option>
                <option value="http://www.cdrd.gov.cn/html/index.shtml">成都人大</option>
                <option value="http://www.chengdu.gov.cn/">成都市人民政府</option>
                <option value="http://www.cdcc.gov.cn/index.action">成都市建设委员会</option>
                <option value="http://www.cdepb.gov.cn/cdepbws/web/index.aspx">成都环保局</option>
                <option value="http://www.cdcg.gov.cn/">成都市城市管理委员会</option>
                <option value="http://www.cdagri.gov.cn/">成都市农业委员会</option>
            </select>
            <select class="link_box_select" id="select4" onchange="javascript:selectChange(this.id);">
                <option value="">各地水务网</option>
                <option value="http://www.cdwater.gov.cn/">成都市水务局</option>
                <option value="http://www.bjwater.gov.cn/pub/bjwater/index.html">北京市水务局</option>
                <option value="http://www.shanghaiwater.gov.cn/">上海市水务局</option>
                <option value="http://www.gzwater.gov.cn/portal/site/site/portal/gzswj/index.portal">广州市水务局</option>
                <option value="http://www.szwrb.gov.cn/">深圳市水务局</option>
                <option value="http://www.tjsw.gov.cn/pub/tjwcb/index.html">天津市水务局</option>
                <option value="http://www.cqwater.gov.cn/Pages/Home.aspx">重庆市水利局</option>
                <option value="http://www.wsd.gov.hk/sc/home/index.html">香港水务署</option>
            </select>
            <select class="link_box_select" id="select5" onchange="javascript:selectChange(this.id);">
                <option value="">区市县河长制办公室</option>
            </select>

        </div>

        <div class="foot_main">
            <p>主办：温江区水务局 地址：成都市温江区xxxx 电话：xxxxxxxxxx 传真：xxxxxxx 邮编：xxxxxx
                <br/> Copyright © 2018 www.xxx.cn All Rights Reserved xxxx版权所有 蜀ICP备xxxxxxx号
            </p>
        </div>
    </div>
</body>4

</html>
<script src="../js/common.js"></script>
<script src="../js/index.js"></script>